﻿@model List<Tuple<DateTime, string>>
@{
    Layout = "../Shared/_Layout_m.cshtml";
}

<div data-role="header">
    <h1>Game on!</h1>
	<div data-role="navbar">
		<ul>
			<li><a href="/" data-icon="home">Home</a></li>
			<li><a href="/Matches/New" data-icon="search">Play!</a></li>
            <li><a href="/Players/Ladder" data-icon="info">Ladder</a></li>
            <li><a href="/Matches/" data-icon="info">Matches</a></li>
		</ul>
	</div><!-- /navbar -->
</div>

<div data-role="content">	
    <ul data-role="listview" data-inset="true">
        @foreach (var message in Model)
        {
            <li data-role="list-divider">@message.Item1</li>
            <li>@message.Item2</li>
        }
    </ul>
    
    <p>
        <em>
            Check the ladder, challenge a player, then click Play!
        </em>
    </p>

    <a href="/Matches/New" data-role="button" data-icon="search">Play!</a>

</div>
